
.tshop-um-haibao-slider {
	margin-bottom: 10px;

	.wrap1 {
		position: relative;
		left: 50%;

		.wrap2 {
			position: relative;
			left: -50%;

			.wrap3 {

				.carousel {
					position: relative;
					overflow: hidden;

					.btns {
						position: relative;
						width: 950px;
						margin: auto;
						z-index: 20;

						a.btn-prev,
						a.btn-next {
							display: block;
							width: 46px;
							height: 46px;
							overflow: hidden;
							position: absolute;
							cursor: pointer;
							z-index: 10;
							background: url(../../assets/images/banner-btns.png) no-repeat;
						}

						a.btn-prev {
							left: -35px;
							top: 180px;
							background-position: 0 0;
							opacity: 0;
							-webkit-transform: scale(0);
							-moz-transform: scale(0);
							transform: scale(0);
						}

						a.btn-next {
							right: -35px;
							top: 180px;
							background-position: -54px 0;
							opacity: 0;
							-webkit-transform: scale(0);
							-moz-transform: scale(0);
							transform: scale(0);
						}
					}

					.main {
						width: 950px;
						overflow: hidden;
						position: absolute;
						left: 0;
						top: 0;

						.ks-switchable-content {

							li {
								overflow: hidden;
								display: inline;

								a {
									display: block; 
									width: 1920px; 
									background-position: center top;
								}
							}
						}
					}

					.ks-switchable-nav {
						position: absolute;
						width: 1920px;
						left: 0;
						right: 0;
						bottom: 0;
						text-align: center;
						background: url(../../assets/images/haibao-nav-bg-pink.png);
						height: 26px;

						li {
							display: inline-block;
							width: 50px;
							height: 10px;
							margin: 8px 2px 0;
							overflow: hidden;
							background: #E8605F;
							cursor: pointer;
						}

						li.ks-active  {
							background: #fff;
						}
					}

					.hide {
						display: none;
					}

				}

				.carousel:hover {
					.btns {
						.btn-prev {
							-webkit-transition: all 1s;
							-moz-transition: all 1s;
							transition: all 1s;
							opacity: 1;
							left: -95px;
							-webkit-transform: scale(1);
							-moz-transform: scale(1);
							transform: scale(1);
						}
						.btn-next {
							-webkit-transition: all 1s;
							-moz-transition: all 1s;
							transition: all 1s;
							opacity: 1;
							right: -95px;
							-webkit-transform: scale(1);
							-moz-transform: scale(1);
							transform: scale(1);
						}
					} 
				}
			}
		}
	}
}

 
